<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2019/10/1
  Time: 23:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<div class="row" style="width: 80%;margin:0 auto;margin-top:40px;">
    <div class="tabs-container">
        <ul class="nav nav-tabs" style="align-self: center">
            <li id="hots" value="热门游记" onclick="hots()"><a data-toggle="tab" href="">热门游记</a>
            </li>
            <li id="timenote" value="新作推荐" onclick="timenote()"><a data-toggle="tab" href="">新作推荐</a>
            </li>
        </ul>
        <div class="tab-content" style="width: 1201px;background-color: white;">
            <div id="tab-1" class="tab-pane active">
                <div class="panel-body">
                    <c:forEach items="${noteAndPersonVos}" var="n">
                        <div class="col-md-3"
                             style="height: 264px;padding-left: 8px;padding-right: 8px;margin-top: 20px;background-color: #F5FFFA">
                            <a href="${path}/noteInfoDis/noteDis?id=${n.notes.id}">
                                <div style="height: 164px;">
                                    <img src="${n.notes.frontImg}" class="show_heading">
                                </div>
                                <div class="product-buyer-name"
                                     style="width:100%;height:40px;padding-left:20px;padding-top:6px; background: #F5F5F5;">
                                    <font size="3px" color="black">${n.notes.title}</font>
                                </div>
                            </a>
                            <div class="product-buyer-name" style="padding:10px;">
                                <div style="float:left;">
                                    <a href="${path}/travelerInfoDis/travelerInfo?id=${n.userTable.id}"><img src="${n.userTable.headImg}"
                                                                                        class="img-circle show_heading2">
                                    </a>
                                </div>
                                <div style="float:left;padding:10px;">
                                    <a href="${path}/travelerInfoDis/travelerInfo?id=${n.userTable.id}">
                                        <font size="2px" color="#00BFFF">${n.userTable.username}</font>
                                    </a>
                                </div>
                                <div style="float:left;padding:10px;">
                                    <font size="2px" color="gray">
                                        <fmt:formatDate value="${n.notes.publishTime}" pattern="yyyy-MM-dd" var="year"/>${year}
                                    </font>

                                </div>
                            </div>
                        </div>

                    </c:forEach>

                </div>

            </div>
        </div>
    </div>
</div>
<%@ include file="pagehot.jsp" %>
